<style>

    #profil_picture{
        margin-top: 5px;
        margin-left: 2px;
        width: 19%;
        height: 100%;
        float: left;

        display: inline-block;
    }
    #profil_form{
        margin-top: 5px;
        width: 80%;
        height: 80%;

        display: inline-block;
    }
</style>
<div class="mws-panel grid_8">
    <div class="mws-panel-header">
        <span><i class="icon-user"></i>Mon profil</span>
    </div>
    <div class="mws-panel-body no-padding">
        <?php $attributes = array('class' => 'mws-form', 'id' => 'mws-validate');

        echo form_open('Users/adduser', $attributes);
        ?>
        <!--<form id="mws-validate"  class="mws-form">-->
        <div id="mws-validate-error" class="mws-form-message error" style="display:none;"></div>
        <div id="profil_picture">
            <img src="<?= base_url('assets/images/profil.png') ?>" alt="mws admin">
            <input type="file" value="changer photo">
              
            </input>
        </div>
        <div id="profil_form" class="mws-form-inline">
            <div class="mws-form-row">
                <label class="mws-form-label">Nom:</label>
                <div class="mws-form-item">
                    <input type="text" name="firstname" class="required ">
                </div>
            </div>
            <div class="mws-form-row">
                <label class="mws-form-label">Prenom:</label>
                <div class="mws-form-item">
                    <input type="text" name="secandname" class="required ">
                </div>
            </div>
            <div class="mws-form-row">
                <label class="mws-form-label">Login:</label>
                <div class="mws-form-item">
                    <input type="text" name="username" class="required ">
                </div>
            </div>
            <div class="mws-form-row">
                <label class="mws-form-label">Email:</label>
                <div class="mws-form-item">
                    <input type="text" name="mailField" class="required email ">
                </div>
            </div>
            <div class="mws-form-row">
                <label class="mws-form-label">Old password</label>
                <div class="mws-form-item">
                    <input type="password" name="oldpasswordField" class="required">
                </div>
            </div>
            <div class="mws-form-row">
                <label class="mws-form-label">Password</label>
                <div class="mws-form-item">
                    <input type="password" name="passwordField" class="required">
                </div>
            </div>
            <div class="mws-form-row">
                <label class="mws-form-label">Confirme password</label>
                <div class="mws-form-item">
                    <input type="password" name="passconField" class="required">
                </div>
            </div>

            <div class="mws-form-row">
                <label class="mws-form-label">Role</label>
                <div class="mws-form-item">
                    <ul class="mws-form-list">
                        <li><input id="admin" type="radio" name="role" value="admin" class="required"> <label for="role_admin">Admin</label></li>
                        <li><input id="user" type="radio" name="role" value="user"> <label for="role_admin">User</label></li>
                    </ul>
                    <label for="gender" class="error plain" generated="true" style="display:none"></label>
                </div>
            </div>
        </div>
        <div class="mws-button-row">
            <center>  <input type="submit" class="btn btn-danger"></center>
        </div>

    </div>    	
</div>